<template>
    <div class="search bs shadow">
        <div class="left">
            <el-input
               v-model="content"
               style="width: 240px"
               :placeholder="placeholder"
               clearable
             />
        </div>
        <div class="right">
            <el-button color="#626aef" :dark="isDark" plain>查询</el-button>
        </div>
    </div>
</template>

<script setup>
import { computed, ref } from 'vue'

const content=ref('')
const isDark=ref(false)
const placeholder=ref('请输入XX查询')

// placeholder.value=computed(()=>{

// })

</script>

<style lang='scss' scoped>
.search{
    height: 40px;
    display: flex;
    background-color: #fff;
    padding: 7px;
    border-radius: 5px;
    .el-input{
        height: 24px;
        font-size: 11px;
    }
    .el-button{
        margin-left: 10px;
        height: 24px;
        font-size: 13px;
    }
}
</style>